<template>
    <div>
        <AInitPageCom title="即席分析公共组件示例"></AInitPageCom>
        <ADialogCom ref="ADialogCom" title="即席分析公共组件示例" comName="TestCharts"></ADialogCom>
        <AButton button-name="测试" @click="getData()" icon="el-icon-edit"></AButton>
        <ATableMenu height="80px" width = '200px' :tableData="tableData" @delRow="delRow" @getCurRowInfo="getCurRowInfo"></ATableMenu>
        <ATable :tableData ="tableData2"  height="100px" @getData ='getData' :recordNumber="recordNumber" :ifUseTableButton= "ifUseTableButton"></ATable>
        <ASearch :searchKey='searchKey'set-width="200" @search ="search"></ASearch>
        <ASelect :values="values" setWidth='150' :options ='options' multiple="true" @change="change"></ASelect>
        <ADropdown :options="list" title="下拉" @operFunc="handleCommand"></ADropdown>
        <ADropdown :options="list" title="下拉" @operFunc="handleCommand"></ADropdown>
        <ATableRadioCom ref="ATableRadioCom" :tableData="tableData2" :selectedData ="tableData2"></ATableRadioCom>
        <ATipInfoCom @ok ='ok'dialogVisible="true" tipInfo="是否?" :spanText= "spanText" :inputText= "inputText"></ATipInfoCom>
    </div>
</template>

<script>
    import RelationGraph from 'relation-graph'
    import {QUERYELEVANCEVIEW} from '@api/url'
    import ajax from '@api/ajax'
    import VDialog from '../../components/VDialog/VDialog'
    import AButton from '../../components/AInitPage/AUnitList/AButton'
    import ASearch from '../../components/AInitPage/AUnitList/ASearch'
    import ASelect from '../../components/AInitPage/AUnitList/ASelect'
    import ADropdown from '../../components/AInitPage/AUnitList/ADropdown'
    import ATipInfoCom from '../../components/AInitPage/ATipInfo/ATipInfoCom'
    export default {
        name: 'VComTestList',
        components: {ATipInfoCom, ADropdown, ASelect, ASearch, AButton, VDialog, RelationGraph },
        data () {
            return {
                searchKey: '1',
                inputText: true,
                ifUseTableButton: false,
                spanText: false,
                values: [{
                    value: '1'}
                    ],
                tableData: [{
                    name: '组件示例'
                }],
                tableData2: [{
                    '黄迪': 'adaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
                    b: 'b'
                }, {
                    colHeaderName: 'b',
                    b: 'c'
                }],
                options: [{
                    value: '1',
                    label: '数字'
                }, {
                    value: 'one',
                    label: '字幕'
                }],
                recordNumber: 100,
                list: [
                    'a', 'b', 'c'
                ]
            }
        },
        created () {
        },
        methods: {
            delRow (row) {
                console.info(row + '组件示例删除')
            },
            getCurRowInfo (row) {
                console.info(row + '组件示例修改')
            },
            aaa () {
                debugger
                this.$refs.ADialogCom.aDialogComRef.TestCharts.showUserDialog()
            },
            getData () {

            },
            clikc () {
                console.info(1111111)
            },
            search (se) {
                console.info(se)
            },
            change (se) {
                debugger
                console.info(this.searchKey)
            },
            handleCommand (command) {
                debugger
                console.info(command)
            },
            getData () {
                this.$refs.ATableRadioCom.selectRows()
            },
            ok (val) {
                console.info(val)
            }
        }
    }
</script>
